<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>邀请好友</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/Invite.css" />
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>

	<body>
		<div class="Invite-web">
			<!--电小二logo图-->
			<div class="logo">
				<div class="Imgg">
					<img src="img/index/diaoiaoer3.png" />
				</div>
			</div>

			<!--口号：电量如此····-->
			<div class="title">
				<div class="title1 bounceIn">
					<img src="img/Invite/dianliang21.png" />
				</div>
				<div class="title2 bounceIn">
					<img src="img/Invite/shaoxia.png" />
				</div>
			</div>
			<!--充电量-->
			<div class="charging-amount">
				<p>充点量为</p>
				<div class="dianchisa">
					<div class="fuzhi">
						<p><span></span>%</p>
					</div>
				</div>
			</div>
			<!--店铺红包-->
			<div class="hongbao">
				<p><span>送你</span>149电小二天猫旗舰店店铺红包</p>
				<p><span>代码为:</span>1245625256</p>
				<div class="zixun">
					请咨询电小二天猫旗舰店客服兑换优惠券
				</div>
			</div>
			<!--感叹号！-->
			<div class="gantan">
				<div class="flash"><img src="img/Invite/gantan1.png" /></div>
				<div>
					<p>邀请好友为自己充满电，iPhone6、
					</p>
					<p>电小二•锋6充电宝任你挑选，百分百中奖</p>
				</div>
			</div>

			<!--邀请好友再玩一次-->
			<div class="anniu">
				<div class="anniu1">
					邀请好友
				</div>
				<a href="Friction-2.html">
					<div class="anniu2">
						再玩一次
					</div>
				</a>
			</div>

			<!--点击分享到朋友圈-->
			<div class="share">
				<div class="zhibiao"><img src="img/Invite/huangse.png" /></div>

				<p>分享到朋友圈，让其他小伙伴</p>
				<p>为你充足能量吧！</p>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Invite.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/Friction.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript">
			var powerPer2 = localStorage.powerPer;
			$(".charging-amount .fuzhi p span").text(powerPer2);
			console.log(powerPer2)
			$(".dianchisa .fuzhi").css("width", powerPer2+"%");
//			var powerPer2 = parseInt(localStorage.powerPer);
//			powerPer2 +=3;
//			console.log(powerPer2)
//			$(".xiaokuang p span").text(powerPer2);
//			$(".xiaokuang").css("margin-left", powerPer2+"%");
//			$(".section .Progress .Progress1 div").css("width", powerPer2+"%");
		</script>
	</body>

</html>